import About from "../components/About/About";
import Home from "../components/Home/Home";
import ReserveContainer from "../containers/ReserveStallContainer";
import OrderListContainer from "../containers/OrderListContainer";
import ReserveOrderDetailContainer from "../containers/ReserveOrderDetailContainer";

// Some folks find value in a centralized route config.
// A route config is just data. React is great at mapping
// data into components, and <Route> is a component.

// Our route config is just an array of logical "routes"
// with `path` and `component` props, ordered the same
// way you'd do inside a `<Switch>`.

const routes = [
    {
        path: "/reserve-order-detail",
        component: ReserveOrderDetailContainer
    },
    {
        path: "/reserveStall/:id",
        component: ReserveContainer
    },
    {
        path: "/order-list",
        component: OrderListContainer
    },
    {
        path: "/about",
        component: About
    },
    {
        path: "/",
        component: Home
    }
];

export default routes;
